<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" href="css/iconfont.css">
		<script src="css/iconfont.js"></script>
	</head>
	<body>
		<nav>
			<div class="nav">
				<div class="nav_top">
					<div class="nav_left"><img src="img/logo2.png"/></div>
					<div class="nav_right">
						<ul>
							<li>
								<a href="#">首页<div class="modal6"></div></a>
							</li>
							<li>
								<a href="#mao1">招牌牛轧糖<div class="modal6"></div></a>
							</li>
							<li>
								<a href="#mao2">零食优选<div class="modal6"></div></a>
							</li>
							<li>
								<a href="#mao3">夏日饮品<div class="modal6"></div></a>
							</li>
							<li>
								<a href="#mao4">线下门店<div class="modal6"></div></a>
							</li>
							<li>
								<a href="#mao5">今日推荐<div class="modal6"></div></a>
							</li>
							<li>
								<a href="#mao6">今日博客<div class="modal6"></div></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="nav_bottom">
					<h1>呼啦啦零食铺</h1>
					<h2>Welcome to Hulala snack shop. There are so many delicious snacks waiting for you</h2>
					<div class="box">Click me</div>
					<a href="#mao1">
						<div class="box2">
							<div class="box3"></div>
						</div>
					</a>
				</div>
			</div>
		</nav>
		
		<div class="box_4">
			<div class="iconfont icon-chilun"></div>
		</div>
		
		<section>
			<div class="plate1" id="mao1">
				<div class="container">
					<div class="plate1_left">
						<h2>呼啦啦牛轧糖</h2>
						<p>Hulala Nougat</p>
						<p>牛轧糖泛指由烤果仁和蜜糖制成的糖果，分软硬两种。软的是以蛋白制成的白色牛轧糖，硬的为咖啡色，以焦糖制成，口感坚硬带脆。传统的牛轧糖主要在西班牙生产，成份主要为烤杏仁，其次为蜜糖和蛋白。其他地方如澳洲也生产牛轧糖，成份和口感也较多变化。牛轧糖外面包着一层可吃的透明糖纸，俗称糯米纸(Waffer Paper)，它可以防止糖果黏手，不过它既不是用糯米做，也没有纸的成份，而是用蕃薯、玉米或小麦粉等做成的。</p>
						<p>牛轧糖它的英语名为nougat，因此音译成“牛轧”，其实与牛无关。另有一种高度充气型蛋白糖，糖体外观丰满，组织更为轻柔，英语名为Marshmallow，音译作马希马洛糖或麦喜麦路糖，意译为棉花糖。</p>
					</div>
					<div class="plate1_right"><img src="img/niuzhatang.webp"/></div>
					<div class="plate1_right1"><img src="img/niuzha2.webp"/></div>
				</div>
			</div>
			
			
			<div class="plate2" id="mao2">
				<div class="back">
					<div class="container">
						<div class="title2">
							<h2>Hulala Candy Station</h2>
							<p>Hula La snack shop offers today's special, lollipop, marshmallow, milk candy, three squirrel nuts gift bag... More delicious snacks to look forward to Hulala Snack Shop!</p>
						</div>
						<div class="plate2_1">
							<div class="plate2_11">
								<div class="modal">
									<div class="plate2_11_word">
										<h3>LOLLIPOP</h3>
										<hr />
										<p>Lollipop is a candy that is popular with the people. Lollipop types include gel candy, hard candy, chocolate and milk and fruit.</p>
									</div>
								</div>
							</div>
							<div class="plate2_12">
								<div class="modal">
									<div class="plate2_11_word">
										<h3>SPUN SUGAR</h3>
										<hr />
										<p>Cotton candy is made by pouring white sugar into the cotton candy machine to make sugar filaments, and then winding the sugar filaments with a stick.</p>
									</div>
								</div>
							</div>
							<div class="plate2_13">
								<div class="modal">
									<div class="plate2_11_word">
										<h3>MILK SUGAR</h3>
										<hr />
										<p>Milk sugar has pure, rich and honest milk flavor, sweet taste and good bite feeling - the strong milk flavor gives a sweet taste.</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="plate3" id="mao3">
				<div class="container">
					<div class="title2">
						<h2>Hulala Beverage Station</h2>
						<p>The new summer limited drinks, flower and fruit tea, bubble water, coffee and fruit juice are introduced in the beverage post station!</p>
					</div>
					<div class="plate3_1">
						<div class="plate3_11">
							<a href="#">
								<h2>Flower And Fruit Tea</h2>
								<hr />
								<div class="iconfont icon-icon-test"></div>
							</a>
						</div>
						<div class="plate3_11">
							<a href="#">
								<h2>Sparkling Water</h2>
								<hr />
								<div class="iconfont icon-FastFood-"></div>
							</a>
						</div>
						<div class="plate3_11">
							<a href="#">
								<h2>Coffee</h2>
								<hr />
								<div class="iconfont icon-kafei"></div>
							</a>
						</div>
						<div class="plate3_11">
							<a href="#">
								<h2>Fruit Juice</h2>
								<hr />
								<div class="iconfont icon-guozhi"></div>
							</a>
						</div>
						
						<hr />
						<div class="plate3_12">
							<div class="plate3_12_1"><img src="img/moli.jpg"/></div>
							<div class="plate3_12_2">
								<h3>Jasmine Tea 茉莉花茶</h3>
								<p>茉莉花茶，又叫茉莉香片，属于花茶，茶胚为绿茶，成品将茉莉花去除，亦属于绿茶的一种。</p>
							</div>
							<div class="plate3_12_3">¥ 8.5</div>
						</div>
						<div class="plate3_12">
							<div class="plate3_12_1"><img src="img/fengmi.jpg"/></div>
							<div class="plate3_12_2">
								<h3>Honey Grapefruit Tea 蜂蜜柚子茶</h3>
								<p>蜂蜜柚子茶不仅是味道清香可口，更是一款有美白祛斑、嫩肤养颜功效的食品。</p>
							</div>
							<div class="plate3_12_3">¥ 9.5</div>
						</div>
						<div class="plate3_12">
							<div class="plate3_12_1"><img src="img/mitao.png"/></div>
							<div class="plate3_12_2">
								<h3>Peach Oolong Tea 蜜桃乌龙茶</h3>
								<p>蜜桃清新甜润，有助于解腻。与乌龙茶结合而成的蜜桃乌龙茶，清爽又回味悠长，让身心都更舒畅。</p>
							</div>
							<div class="plate3_12_3">¥ 10.5</div>
						</div>
						<div class="plate3_12">
							<div class="plate3_12_1"><img src="img/luoshen.webp"/></div>
							<div class="plate3_12_2">
								<h3>Luoshen Flower Tea 洛神花茶</h3>
								<p>洛神花茶是由洛神花泡制而成的，属花茶类，也被称为烙花神、洛花神。</p>
							</div>
							<div class="plate3_12_3">¥ 11.5</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="plate4" id="mao4">
				<div class="back">
					<div class="container">
						<div class="title2">
							<h2>Hulala Store Manager</h2>
							<p>Hulala snack shops have many branches across the country, and the annual sales volume can add up to a circle around the world!</p>
						</div>
						<div class="plate4_1">
							<div class="plate4_11">
								<div class="plate4_11_1">
									<img src="img/baby.jpg"/>
									<div class="modal2"></div>
								</div>
								<div class="plate4_11_2">
									<h3>杨颖</h3>
									<p>重庆渝北呼啦啦零食铺分店店长，销售冠军，集聪明机制勇敢帅气于一身的无敌飞侠。</p>
									<hr />
									<div class="icon1">
										<div class="iconfont icon-weibo-copy"></div>
										<div class="iconfont icon-ins"></div>
										<div class="iconfont icon-qq"></div>
									</div>
								</div>
							</div>
							<div class="plate4_11">
								<div class="plate4_11_1">
									<img src="img/zi.png"/>
									<div class="modal2"></div>
								</div>
								<div class="plate4_11_2">
									<h3>杨紫</h3>
									<p>重庆渝北呼啦啦零食铺分店店长，销售冠军，集聪明机制勇敢帅气于一身的无敌飞侠。</p>
									<hr />
									<div class="icon1">
										<div class="iconfont icon-weibo-copy"></div>
										<div class="iconfont icon-ins"></div>
										<div class="iconfont icon-qq"></div>
									</div>
								</div>
							</div>
							<div class="plate4_11">
								<div class="plate4_11_1">
									<img src="img/mimi.png"/>
									<div class="modal2"></div>
								</div>
								<div class="plate4_11_2">
									<h3>杨幂</h3>
									<p>重庆渝北呼啦啦零食铺分店店长，销售冠军，集聪明机制勇敢帅气于一身的无敌飞侠。</p>
									<hr />
									<div class="icon1">
										<div class="iconfont icon-weibo-copy"></div>
										<div class="iconfont icon-ins"></div>
										<div class="iconfont icon-qq"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			
			<div class="plate5" id="mao5">
				<div class="container">
					<div class="title2">
						<h2>Recommended Today</h2>
						<p>Hulala La snack shop has new snacks today, including spicy bars, chocolate and biscuits. Welcome to Hulala snack shop.</p>
					</div>
					<div class="plate5_1">
						<div class="box_max">
							<img src="img/binggan.webp"/>
							<div class="modal3">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
						<div class="box_min">
							<img src="img/guodong.png"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
					</div>
					<div class="plate5_1">
						<div class="box_min">
							<img src="img/huotui.png"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
						<div class="box_min">
							<img src="img/yabo.png"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
						<div class="box_min">
							<img src="img/baichun.png"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
					</div>
					<div class="plate5_1">
						<div class="box_min">
							<img src="img/dangao.png"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
						<div class="box_max">
							<img src="img/huoguo.png"/>
							<div class="modal3">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
					</div>
					<div class="plate5_1">
						<div class="box_min">
							<img src="img/lvdou.png"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
						<div class="box_min">
							<img src="img/shupian.jpg"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
						<div class="box_min">
							<img src="img/mangguo.png"/>
							<div class="modal4">
								<div class="iconfont icon-fangdajing"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="plate6" id="mao6">
				<div class="back">
					<div class="container">
						<div class="title2">
							<h2>Our Blog</h2>
							<p>More sharing is in the Hulala snack shop blog. Let's pay attention!</p>
						</div>
						<div class="plate6_1">
							<div class="plate6_11">
								<div class="plate6_11_1">
									<img src="img/huojimian.png"/>
									<div class="modal5">
										<div class="iconfont icon-lianjie"></div>
									</div>
								</div>
								<div class="plate6_11_2">
									<p>25 NOVEMBER, 2021</p>
									<hr />
									<p>火鸡面新上市，快来抢购吧！</p>
									<hr />
									<p>BY 杨颖</p>
								</div>
							</div>
							<div class="plate6_11">
								<div class="plate6_11_1">
									<img src="img/qiaokeli.png"/>
									<div class="modal5">
										<div class="iconfont icon-lianjie"></div>
									</div>
								</div>
								<div class="plate6_11_2">
									<p>25 NOVEMBER, 2021</p>
									<hr />
									<p>巧克力新上市，快来抢购吧！</p>
									<hr />
									<p>BY 赵丽颖</p>
								</div>
							</div>
						</div>
						<div class="plate6_1">
							<div class="plate6_11">
								<div class="plate6_11_1">
									<img src="img/jianguo.png"/>
									<div class="modal5">
										<div class="iconfont icon-lianjie"></div>
									</div>
								</div>
								<div class="plate6_11_2">
									<p>25 NOVEMBER, 2021</p>
									<hr />
									<p>坚果礼包新上市，快来抢购吧！</p>
									<hr />
									<p>BY 杨紫</p>
								</div>
							</div>
							<div class="plate6_11">
								<div class="plate6_11_1">
									<img src="img/xianbei.png"/>
									<div class="modal5">
										<div class="iconfont icon-lianjie"></div>
									</div>
								</div>
								<div class="plate6_11_2">
									<p>25 NOVEMBER, 2021</p>
									<hr />
									<p>旺旺仙贝新上市，快来抢购吧！</p>
									<hr />
									<p>BY 杨幂</p>
								</div>
							</div>
						</div>
						<div class="but">
							VIEW THE BLOG
							<div class="line"></div>
							<div class="line2"></div>
						</div>
					</div>
				</div>
			</div>
			
			
			
			<div class="plate9">
				<div class="container">
					<div class="title2">
						<h2>Pricing</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut orci varius, elementum lectus nec, aliquam lectus. Duis neque augue, maximus in sapien ut, porta pharetra odio.</p>
					</div>
					<div class="plate9_1">
						<div class="plate9_11">
							<div class="plate9_11_1">
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-mendian1"></use>
								</svg>
								<p>BASIC</p>
							</div>
							<div class="plate9_11_2">¥30/<p>Month</p></div>
							<div class="plate9_11_3">✔ One Website</div>
							<div class="plate9_11_3">✔ One User</div>
							<div class="plate9_11_3">✔ 10 GB Bandwidth</div>
							<div class="plate9_11_3">✘ 2GB Storage</div>
							<div class="plate9_11_3">✘ Offline work</div>
							<div class="plate9_11_3">✔ 24x7 Support</div>
							<div class="plate9_11_4">
								<div class="but">
									Purchase Now!
									<div class="line"></div>
									<div class="line2"></div>
								</div>	
							</div>
						</div>
						<div class="plate9_11">
							<div class="plate9_11_1">
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-lingshi"></use>
								</svg>
								<p>PRO</p>
							</div>
							<div class="plate9_11_2">¥60/<p>Month</p></div>
							<div class="plate9_11_3">✔ One Website</div>
							<div class="plate9_11_3">✔ One User</div>
							<div class="plate9_11_3">✔ 50 GB Bandwidth</div>
							<div class="plate9_11_3">✘ 2GB Storage</div>
							<div class="plate9_11_3">✘ Offline work</div>
							<div class="plate9_11_3">✔ 24x7 Support</div>
							<div class="plate9_11_4">
								<div class="but">
									Purchase Now!
									<div class="line"></div>
									<div class="line2"></div>
								</div>	
							</div>
						</div>
						<div class="plate9_11">
							<div class="plate9_11_1">
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-mendian1"></use>
								</svg>
								<p>PLATINUM</p>
							</div>
							<div class="plate9_11_2">¥90/<p>Month</p></div>
							<div class="plate9_11_3">✔ One Website</div>
							<div class="plate9_11_3">✔ One User</div>
							<div class="plate9_11_3">✔ 100 GB Bandwidth</div>
							<div class="plate9_11_3">✘ 2GB Storage</div>
							<div class="plate9_11_3">✘ Offline work</div>
							<div class="plate9_11_3">✔ 24x7 Support</div>
							<div class="plate9_11_4">
								<div class="but">
									Purchase Now!
									<div class="line"></div>
									<div class="line2"></div>
								</div>	
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="plate7">
				<div class="container">
					<div class="title2">
						<h2>Reservations</h2>
						<h3>BOOKING FORM</h3>
						<p>PLEASE FILL OUT ALL REQUIRED* FIELDS. THANKS!</p>
					</div>
					<div class="form_1">
						<form>
							<input id="user" placeholder="Name" />
							<input id="user" placeholder="E-mail ID" />
							<input id="user" placeholder="Contact No." />
							<input id="user" placeholder="No,Of Persons" />
							<input id="user" placeholder="Date" />
							<input id="user" placeholder="Time" />
							<input id="user" placeholder="Preperred Food" />
							<input id="user" placeholder="Occasion" />
						</form>
					</div>
					<div class="but">
						BOOK MY TABLE
						<div class="line"></div>
						<div class="line2"></div>
					</div>	
				</div>
			</div>
			
			
			<div class="plate8">
				<div class="back">
					<div class="container">
						<div class="title2">
							<h2>Newsletter</h2>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
						</div>
						<div class="plate8_1">
							<form>
								<input name="suosou" placeholder="Enter Your E-mail ID" /><button><div class="iconfont icon-feijicopy"></div></button>
							</form>
						</div>
					</div>	
				</div>
			</div>
			
			<div class="plate10">
				<div class="back1">
					<div class="container">
						<div class="plate10_top">
							<img src="img/logo2.png"/>
						</div>
						<div class="plate10_1">
							About Us
							<p>Aenean commodo ligula eget dolor aenean massa. Cum sociis nat penatibu set magnis dis parturient montes.</p>
							<div class="plate10_11">
								<div class="iconfont icon-ins1"></div>
								<div class="iconfont icon-weibo"></div>
								<div class="iconfont icon-QQ"></div>
								<div class="iconfont icon-icon"></div>
								<div class="iconfont icon-feiniao"></div>
							</div>
						</div>
						<div class="plate10_1">
							New Menu
							<ul>
								<li><a href="#">ltalian Bomba Sandwich</a></li>
								<li><a href="#">Double Dose of Pork</a></li>
								<li><a href="#">BellySpicy Thai Noodles</a></li>
								<li><a href="#">Triple Truffle Trotters</a></li>
							</ul>
						</div>
						<div class="plate10_1">
							Contact Us
							<div class="plate10_12">
								<div class="iconfont icon-dizhi"></div>
								<p>6 E Esplanade, St Albans VIC 3021, Australia</p>
							</div>
							<div class="plate10_12">
								<div class="iconfont icon-shouji"></div>
								<p>+91 80005 89080</p>
							</div>
							<div class="plate10_12">
								<div class="iconfont icon-youxiang"></div>
								<p>support@foodfunday.com</p>
							</div>
						</div>
						<div class="plate10_1">
							Opening Hours
							<p>Monday - Thursday</p>
							<div class="time">11:00 AM - 9:00 PM</div>
							<p>Friday - Saturday</p>
							<div class="time">11:00 AM - 5:00 PM</div>
						</div>
						
					</div>	
				</div>
			</div>	
		</section>
		
		<footer>
			<div class="container">
				<div class="foot">Copyright &copy; 2021.Company name All rights reserved.</div>
			</div>
		</footer>

		
	</body>
</html>
